<template>
  <view class="rounded-32rpx bg-white p20px mt30rpx">
    <view class="flex justify-between w-full items-center mb20px">
      <view class="flex items-center">
        <image w40rpx h30rpx src="/static/line.svg" />
        <text m--10px font-bold>{{ props.title }}</text>
      </view>
      <view class="flex items-center" @click="$emit('onClick')">
        <text class="mr-10rpx text-gray">{{ props.more }}</text>
        <uv-icon size="16" color="rgb(156,163,175,1)" name="arrow-right" />
      </view>
    </view>
    <view my10rpx>
      <slot></slot>
    </view>
  </view>
</template>

<script lang="ts" setup>
const props = defineProps<{
  title: string
  more: string
}>()

defineEmits(['onClick'])
</script>
